<!DOCTYPE html>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-35617311-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

<script type="text/javascript">
	function make_blank_search(obj)
	{
		if (obj.value == "Search...")
		{
			obj.value ="";
			obj.style.color = "#000000"
		}
	}
	function fill_search(obj)
	{	
		if (obj.value == "")
		{
			obj.value ="Search...";
			obj.style.color = "#A6A6A6";
		}
	}
</script>

<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9" >
<link rel="icon" href="{{ STATIC_URL }}icon.jpg" type="image/jpg" size="16x16"/>
<title>Bomtak</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
{% block scripts %}{% endblock %}
<div align="middle" style="text-align:center;margin: 30px 0 0 30px;">
<body background="{{ STATIC_URL }}images/background.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Bomtak_Website_Teacher Pages.ai) -->
<table id="table2" align="center" width="1400px" cellpadding="0" cellspacing="0" border="0"> 
	<tr>
		<td valign="top" align="left" width="25%"></td>
		<td valign="top" align="center" width="40%"><img src="{{ STATIC_URL }}images/bomtak.jpg"></td>
		<td valign="top" align="left" width="5%"></td>
		<td  valign="bottom" align="left" width="30%">
			{% block search %}	
			<form name="search" action="/searchresults/" method="get" style="height:40px;">
					<input name="query" type="text" style="width:30%;color:#A6A6A6;font-family: pt-sans;border:none" onclick="make_blank_search(this);" onblur="fill_search(this);" value="Search...">
					<select name="category" style="width: 20%;color:#A6A6A6;font-family: pt-sans;border:none">
					  <option value="all">All</option>
					  <option value="teachers">Teachers</option>
					  <option value="students">Students</option>
					  <option value="institutes">Institute</option>
					  <option value="experience">Experience</option>
					  <option value="favourite_genre">Genre</option>
					  <option value="instrument_played">Instruments</option>
					  <option value="jamming_style">Jamming Style</option>
					  <option value="teaches">Teaches</option>
					</select>
					<a href="#" onclick="document.search.submit()" style="width:20%; color:#384446;text-decoration: none;">&nbsp&nbsp Go</a>
			</form>
			{% endblock %}
		</td>
	</tr>
	<tr>
		<td colspan="4" valign="top" align="center" width="100%">
			<img src="{{ STATIC_URL }}images/hline.jpg" width="60%">
		</td>
	</tr>
	</br></br>
	<tr><td colspan="4"></br></br></td></tr>
	<tr>

		<td valign="top" align="left" width="25%"><div id="sidebar1">{% block sidebar1 %}{% endblock %}</div></td>

		<td  valign="top" align="left" style="text-align:left" width="40%"><div id="content" style="float:left;width:100%">{% block content %}{% endblock %}</div></td>

		<td valign="top" width="5%" align="right"><img src="{{ STATIC_URL }}images/vline.jpg"  height="100%"/></td>

		<td valign="top" width="30%" style="text-align:left">{% block sidebar2 %}{% endblock %}</td>

	</tr>
</table>



</div>
</body>
</div>
</html>



<style>
@font-face {
  font-family: "pt-sans";
  src: url({{ STATIC_URL }}fonts/PTS55F.ttf) format("truetype");
}
a{
	font-style: bold;
	color: #3399FF; 
	text-decoration: none;
}
a img {border: none; }
small{
	font-size: 11;
}
.Table_01{
	margin-left: auto;
	margin-right: auto;
}
.container{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1260px;
	min-width: 780px;

}

.header{
	font-style:bold;
	font-size:30
}
.success{
	color:#00CC00;
}
.fail, .failure{
	color:#FF0000;
}
input, textarea, b, h1, p, label, div{
	font-family: pt-sans;
	color: #384446; 
}
</style>
